<template>
  <view class="normal-login-container">
    <view class="item-wrap" style="margin-bottom: 0">
      <view class="lineBottom10">
        <uni-section :title="title" type="line" />
      </view>

      <view style="margin: 8rpx 20rpx 8rpx 20rpx">
        <uni-forms ref="ruleForm" :model="ruleForm" labelWidth="auto" :label-position="boole ? 'top' : 'left'">
          <uni-forms-item label="关联订单:">
            <uni-easyinput v-model="ruleForm.orderNo" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.orderNo || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="产品方案:">
            <uni-easyinput v-model="ruleForm.schemeName" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.schemeName || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="客户名称:">
            <uni-easyinput v-model="ruleForm.customerName" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.customerName || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="联系方式:">
            <uni-easyinput v-model="ruleForm.customerPhone" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.customerPhone || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="联系人1:">
            <uni-easyinput v-model="ruleForm.primaryContact" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.primaryContact || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="联系人1联系方式:">
            <uni-easyinput v-model="ruleForm.primaryContactPhone" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.primaryContactPhone || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="联系人1与客户关系:">
            <uni-easyinput v-model="ruleForm.primaryContactIdentity" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.primaryContactIdentity || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="联系人2:">
            <uni-easyinput v-model="ruleForm.secondaryContact" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.secondaryContact || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="联系人2联系方式:">
            <uni-easyinput v-model="ruleForm.secondaryContactPhone" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.secondaryContactPhone || '-' }}</text>
          </uni-forms-item>
          <uni-forms-item label="联系人2与客户关系:">
            <uni-easyinput v-model="ruleForm.secondaryContactWorkDuties" disabled v-if="boole" placeholder="请选择车辆后自动带出" />
            <text v-else>{{ ruleForm.secondaryContactWorkDuties || '-' }}</text>
          </uni-forms-item>
        </uni-forms>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'carInformation',
  props: {
    value: {
      type: Object,
      default: {},
    },
    boole: {
      type: Boolean,
      default: true,
    },
    title: {
      type: String,
      default: '订单信息',
    },
  },
  // components: { carPopup },
  computed: {
    ruleForm: {
      get() {
        return this.value
      },
      set(val) {
        this.$emit('input', val)
      },
    },
  },
  data() {
    return {}
  },
  methods: {},
}
</script>

<style scoped lang="scss"></style>
